body {
  #app {
    .md-html {
      li {
        list-style: circle inside;
      }
      table > thead> tr > th:not(:last-child)::before {
        position: absolute;
        top: 50%;
        right: 0;
        width: 1px;
        height: 1.6em;
        background-color: rgba(0, 0, 0, 0.06);
        transform: translateY(-50%);
        transition: background-color 0.3s;
        content: '';
    }
      table {
        // display: block;
        width: 100%;
        margin: 2em 0;
        overflow-x: auto;
        overflow-y: hidden;
        font-size: 13px;
        line-height: 1.5715;
        border: 0;
        -webkit-overflow-scrolling: touch;
        width: 100%;
        margin: 8px 0 16px;
        direction: ltr;
        empty-cells: show;
        // border: 1px solid #f0f0f0;
        border-collapse: collapse;
        border-spacing: 0;
        thead {
          background: #fafafa;
          font-weight: bold;
        }
        th,
        td {
          box-sizing: border-box;
          border: 1px solid #f0f0f0;
          height: 55px;
          line-height: 55px;
          padding-left: 16px;
        }
        th {
          border: none;
          position: relative;
          color: rgba(0, 0, 0, 0.85);
          font-weight: 500;
          text-align: left;
          background: #fafafa;
        }
    
        tr {
          transition: all 0.3s;
          &:hover {
            background: #fafafa;
          }
        }
        td {
          border-color: #f0f0f0;
          border-width: 1px 0;
        }
      }
      pre {
        margin: 16px 0;
        padding: 12px 20px;
        overflow: auto;
        background: #efefef;
        code.hljs {
          margin: 0;
          padding: 0;
          overflow: auto;
          border: none;
          background: #efefef;
        }
      }
    }
  }
}